<template>
  <div>
    <!-- 通过shadow 属性设置阴影 -->
    <el-card shadow="hover">
      <div slot="header">
        <span>用户信息</span>
      </div>
      <div>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column prop="data" label="日期" width="180">
          </el-table-column>
          <el-table-column prop="name" label="姓名" width="180">
          </el-table-column>
          <el-table-column prop="address" label="地址" width="180">
          </el-table-column>
        </el-table>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Card",
  data(){
      return{
          tableData:[
              {data:'2016-05-02',name:'王小虎',address:'上海书大声疾呼方便都是废话'},
              {data:'2016-05-04',name:'张三',address:'北京市书大声疾呼方便都是废话'}
          ]
      }
  }
};
</script>

<style>
</style>